<div class="p-category-menu">
    <div class="h3"><h3>${TheLoai1Id.tentl1}</h3></div>
    <div class="p-category-body">
        <ul class="emenu">
            <c:forEach items="${TheLoai1Id.theloai2s}" var="theloai2">
                <c:if test="${empty id2}">
                    <li class="">
                        <div class="li-helper"></div>
                        <a href="${pageContext.request.contextPath}/sach-the-loai/${TheLoai1Id.matl1}/${theloai2.matl2}">${theloai2.tentl2}</a>

                        <div class="helper"></div>
                        <div class="sublevel-1">
                            <ul class="sublevel-ul-1">
                                <c:forEach items="${theloai2.theloai3s}" var="theloai3">
                                    <li class="">
                                        <div class="li-helper"></div>
                                        <a href="${pageContext.request.contextPath}/sach-the-loai/${TheLoai1Id.matl1}/${theloai2.matl2}/${theloai3.matl3}/page/1">${theloai3.tentl3}</a>
                                    </li>
                                </c:forEach>
                            </ul>
                        </div>
                    </li>
                </c:if>
                <c:if test="${not empty id2}">
                    <c:if test="${theloai2.matl2==id2}">
                        <li class="p-on">
                            <div class="li-helper"></div>
                            <a href="${pageContext.request.contextPath}/sach-the-loai/${TheLoai1Id.matl1}/${theloai2.matl2}">${theloai2.tentl2}</a>

                            <div class="helper"></div>
                            <div class="sublevel-1">
                                <ul class="sublevel-ul-1">
                                    <c:forEach items="${theloai2.theloai3s}" var="theloai3">
                                        <c:if test="${not empty id3}">
                                            <c:if test="${theloai3.matl3==id3}">
                                                <li class="p-on">
                                                    <div class="li-helper"></div>
                                                    <a href="${pageContext.request.contextPath}/sach-the-loai/${TheLoai1Id.matl1}/${theloai2.matl2}/${theloai3.matl3}/page/1">${theloai3.tentl3}</a>
                                                </li>
                                            </c:if>
                                            <c:if test="${theloai3.matl3!=id3}">
                                                <li class="">
                                                    <div class="li-helper"></div>
                                                    <a href="${pageContext.request.contextPath}/sach-the-loai/${TheLoai1Id.matl1}/${theloai2.matl2}/${theloai3.matl3}/page/1">${theloai3.tentl3}</a>
                                                </li>
                                            </c:if>
                                        </c:if>
                                        <c:if test="${empty id3}">
                                            <li class="">
                                                <div class="li-helper"></div>
                                                <a href="${pageContext.request.contextPath}/sach-the-loai/${TheLoai1Id.matl1}/${theloai2.matl2}/${theloai3.matl3}/page/1">${theloai3.tentl3}</a>
                                            </li>
                                        </c:if>
                                    </c:forEach>
                                </ul>
                            </div>
                        </li>
                    </c:if >
                    <c:if test="${theloai2.matl2!=id2}">
                        <li class="">
                            <div class="li-helper"></div>
                            <a href="${pageContext.request.contextPath}/sach-the-loai/${TheLoai1Id.matl1}/${theloai2.matl2}">${theloai2.tentl2}</a>

                            <div class="helper"></div>
                            <div class="sublevel-1">
                                <ul class="sublevel-ul-1">
                                    <c:forEach items="${theloai2.theloai3s}" var="theloai3">
                                        <li class="">
                                            <div class="li-helper"></div>
                                            <a href="${pageContext.request.contextPath}/sach-the-loai/${TheLoai1Id.matl1}/${theloai2.matl2}/${theloai3.matl3}/page/1">${theloai3.tentl3}</a>
                                        </li>
                                    </c:forEach>
                                </ul>
                            </div>
                        </li>
                    </c:if>
                </c:if>
            </c:forEach>
        </ul>
    </div>
    <div class="p-small-bottom"></div>
</div>
